$primary: #3292a6;
$primary-overlay: rgba(50, 146, 166, 0.8);

body {
    margin-top: 105px;
}

.navbar {
    box-shadow: 2px 2px 5px $primary;
    opacity: 0.9;
    background: #fff;

    .nav-item {
        font-size: 1.4rem;
        padding-right: 1.4rem;
    }
}
#showcase {
    background-image: url("/img/mountains.jpg");
    position: relative;
    min-height: 700px;
    .primary-overlay {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(50, 146, 166, 0.8);
    }
}

#authors {
    img {
        margin-top: -50px;
    }

    .card:hover {
        background: $primary;
        color: #fff;
    }

    .fab {
        color: #fff;
    }
}

@media (max-width: 768px) {
    #showcase {
        min-height: 500px;

        h1 {
            font-size: 4rem;
        }
    }
}
